<template>
  <div class="page-con">
    <query-form
      :component-config="formComponentConfig"
      :render-config="renderFormConfig"
      :render-keys="renderKeys"
      @search="searchHandle"
      @reset="resetHandle"
    />
  </div>
</template>

<script lang="ts" setup>
  import queryForm from '@/common/components/query-form/index.vue';
  import {
    formRenderConfig,
    formComponentConfig,
  } from '@/common/views/baseComponent/formComp/baseFormConfig';

  const renderFormConfig = formRenderConfig('哈哈哈');

  const renderKeys = ['like', 'name', 'sex', 'age', 'birthday'];

  const searchHandle = (data: any) => {
    console.log('search', data);
  };
  const resetHandle = (data: any) => {
    console.log('resetHandle', data);
  };
</script>

<style lang="less" scoped>
  .page-con {
    height: 100%;
    padding: 20px;
    background-color: #fff;
  }
</style>
